@function vw($w) {
  @return $w / 1920 * 100 + vw;
}
$W: 100vw;

@function wp($w) {
  @return $w / 750 * 100 + vw;
}
@font-face {
  font-family: 'Aileron-Regular';
  src: url("~@assets/font/Aileron-Regular-10.eot") format("embedded-opentype"),
  url("~@assets/font/Aileron-Regular-10.woff") format("woff"),
  url("~@assets/font/Aileron-Regular-10.ttf") format("truetype");
}
@font-face {
  font-family: 'Cormorant-Bold';
  src: url("~@assets/font/Cormorant-Bold.eot") format("embedded-opentype"),
  url("~@assets/font/Cormorant-Bold.woff") format("woff"),
  url("~@assets/font/Cormorant-Bold.otf") format("truetype");
}
@font-face {
  font-family: 'Cormorant-Medium';
  src: url("~@assets/font/Cormorant-Medium.eot") format("embedded-opentype"),
  url("~@assets/font/Cormorant-Medium.woff") format("woff"),
  url("~@assets/font/Cormorant-Medium.otf") format("truetype");
}

.worldwide-container {
  .btn-submit {
    width: vw(406);
    height: vw(82);
    line-height: vw(82);
    background-color: #CC000C;
    font-size: vw(48);
    font-family: Aileron-Regular;
    color: #FFFFFF;
  }
  .title {
    font-size: vw(72);
    font-family: Cormorant-Bold;
    font-weight: bold;
    line-height: 1;
    margin-bottom: vw(84);
  }
  .text {
    font-size: vw(48);
    font-family: Aileron-Regular;
    line-height: vw(60);
    margin-bottom: vw(83);
  }
  .text2 {
    margin-top: vw(100);
    margin-bottom: vw(80);
  }
  .item {
    width: vw(604);
    float: left;
    &.mr {
      margin-right: vw(166);
    }
  }
  textarea.ivu-input {
    font-size: vw(28);
    font-family: Aileron-Regular;
    color: #000000;
    height: vw(281);
    border-radius: 0;
    border: 2px solid #000000;
  }
  .ivu-input {
    font-size: vw(28);
    font-family: Aileron-Regular;
    color: #000000;
    height: vw(70);
    border-radius: 0;
    border: 2px solid #000000;
  }
  .ivu-form-item-label {
    font-size: vw(28);
    font-family: Aileron-Regular;
    color: #000000;
    line-height: vw(72);
    margin-bottom: 0;
    padding-bottom: 0;
    &:before {
      display: none;
    }
    &:after {
      content: '*';
      font-size: vw(36);
      font-family: Aileron-Regular;
      display: inline-block;
      font-weight: bold;
      color: #CC000D;
      line-height: vw(72);
      margin-left: vw(22);
      transform: translateY(vw(-11));

    }
  }
  .form-container {
    padding: vw(74) vw(110) vw(250);
  }
  .select-form-item {
    width: vw(604);
  }
  .ivu-select-selection, .ivu-select-selection div, .ivu-select-selection div .ivu-select-placeholder,  {
    height: vw(70);
    line-height: vw(70);

  }
  .ivu-form-item {
    margin-bottom: vw(80);
  }
  .ivu-select {

    .ivu-select-selected-value {
      padding: 0 vw(18);
      font-family: Aileron-Regular;
      font-size: vw(28);
      color: #000;
      height: vw(70);
      line-height: vw(70);
    }
    .ivu-select-dropdown {
      box-shadow: none;
      border: 2px solid #000000;
      max-height: vw(300);

      .ivu-select-dropdown-list {
        .ivu-select-item {
          padding-top: 0;
          padding-bottom: 0;
          height: vw(90);
          line-height: vw(90);
          font-size: vw(28) !important;
          font-family: Aileron-Regular;
          color: #000;

          &.ivu-select-item-focus,
          &:hover {
            background-color: #CC000C;
            color: #fff;
          }
        }
      }

      .ivu-select-not-found {
        li {
          text-align: left;
          padding: 0 vw(18);
          font-family: Aileron-Regular;
          font-size: vw(28);
          color: #000;
        }
      }
    }
  }
  .ivu-select-selection {
    border-radius: 0;
    border: 2px solid #000000;
    .ivu-select-placeholder {
      font-size: vw(28);
      font-family: Aileron-Regular;
      color: #000;
    }

    i.ivu-icon.ivu-icon-ios-arrow-down.ivu-select-arrow {
      width: vw(36);
      height: vw(36);
      right: vw(20);
      &:before {
        content: '';
        display: inline-block;
        width: 100%;
        height: 100%;
        background: url(~@assets/img/layout/down.png) no-repeat;
        background-size: contain;
      }
    }
  }

}
.mask-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  z-index: 999;
  color: #fff;
  .close-container {
    height: 14.5vw;
    padding-top: vw(138);
    padding-right: vw(155);
    .icon-close {
      width: vw(59);
      height: vw(59);
      float: right;
      cursor: pointer;
    }
  }
  &.video {
    .close-container {
      position: absolute;
      top: vw(50);
      right: vw(50);
      padding: 0;
      width: vw(59);
      height: vw(59);
      z-index: 99;
    }
  }
}
@media screen and (max-width: 767px) {
  .worldwide-container {
    .title {
      font-size: wp(60);
      margin-bottom: wp(60);
    }

    .text {
      font-size: wp(28);
      line-height: vw(48);
    }

    .form-container {
      padding: wp(48) wp(40) wp(250);
    }
  }
  .mask-container {
    .close-container {
      height: 14.5vw;
      padding-top: wp(54);
      padding-right: wp(53);
      .icon-close {
        width: wp(23);
        height: wp(23);
      }
    }
    &.video {
      padding-top: wp(150);
      video {
        width: 100%;
        height: auto;
        z-index: -1;
      }
      .close-container {
        top: wp(59);
        right: wp(59);
        width: wp(23);
        height: wp(23);
      }
    }
  }
}
